<!DOCTYPE html>
@args String title, DateTime now, String formTitle = "New"
<html>
    <head>
    	<title>Zencontact, by zenexity  ★ @title</title>
    	<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <link rel="stylesheet" type="text/css" media="screen" href="/css/style.css" />
        <link rel="stylesheet" type="text/css" media="screen" href="/css/south-street/jquery-ui-1.7.2.custom.css" />
    	<script src="/js/jquery-1.4.min.js" type="text/javascript" charset="utf-8"></script>
    	<script src="/js/jquery-ui-1.7.2.custom.min.js" type="text/javascript" charset="utf-8"></script>
    	<script src="/js/jquery.editinplace.packed.js" type="text/javascript" charset="utf-8"></script>
    </head>
	<body>
	    <div id="zencontact">
    		<header>
    			<img src="/img/logo.png" alt="logo" id="logo" />
    			<h1>Zencontact <span>ported by greenlaw110 to ActFramework</span></h1>
    		</header>
    		<nav>
					@def navItem(String id, String href, String label) {
						@navItem(id, href, label, label)
					}
					@def navItem(String id, String href, String label, String match) {
					<a id="@id" href="@href" @if(title.equals(match)) {class="selected"}>@label</a>
					}
					@navItem("home", "/", "Home")
					@navItem("list", "/contacts", "List")
					@navItem("new", "/contacts/new", formTitle, "Form")
    		</nav>
    		<section>
    		    @render()
    		</section>
    		<footer>
    			<a href="http://www.w3.org/TR/html5/">html5</a> - 
    			<a href="http://www.w3.org/TR/css3-roadmap/">css3</a> - 
    			<a href="https://actframework.org/">ActFramework</a>
    		</footer>
		</div>
	</body>
</html>